﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
   <!-- 包含公共的JSP代码片段 -->
	
<title>餐馆王平台</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="${ctx}/backend/detail/style/js/jquery1.11.1.js" ></script>
<script type="text/javascript" src="${ctx}/backend/detail/style/js/page_common.js"></script>
<link href="${ctx}/backend/detail/style/css/common_style_blue.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="${ctx}/backend/detail/style/css/index_1.css" />
<script type="text/javascript" src="${ctx}/backend/detail/style/js/validate.js"></script>
<script type="application/javascript">
	$(function(){
		$("#reForm").validate({
			rules: {
				"foodName": {
					"required": true
				},
				"price":{
					"required": true,
					"number":true
				},
				"vipPrice":{
					"required": true,
					"number":true
				}
			},
			messages: {
				"foodName": {
					"required": "名称不能为空",
				},
				"price":{
					"required": "价格不能为空",
					"number":"请输入数字"
				},
				"vipPrice":{
					"required": "价格不能为空",
					"number":"请输入数字"
				}
			}
		});

	})
</script>
</head>
<body>

<!-- 页面标题 -->
<div id="TitleArea">
	<div id="TitleArea_Head"></div>
	<div id="TitleArea_Title">
		<div id="TitleArea_Title_Content">
			<img border="0" width="13" height="13" src="${ctx}/backend/detail/style/images/title_arrow.gif"/> 更新新菜品
		</div>
    </div>
	<div id="TitleArea_End"></div>
</div>

<!-- 主内容区域（数据列表或表单显示） -->
<div id="MainArea">
	<!-- 表单内容 -->
	<form action="${ctx}/backend/food" method="post" enctype="multipart/form-data" id="reForm">
		<!-- 本段标题（分段标题） -->
		<div class="ItemBlock_Title">
        	<img width="4" height="7" border="0" src="${ctx}/backend/detail/style/images/item_point.gif"> 菜品信息&nbsp;
        </div>
		<!-- 本段表单字段 -->
        <div class="ItemBlockBorder">
            <div class="ItemBlock">
				<div class="ItemBlock2">
					<table cellpadding="0" cellspacing="0" class="mainForm">
						<tr>
							<td width="80px">菜系</td>
							<td>
								<select name="typeId" style="width:80px" selected="selected">

									<c:forEach items="${foodTypes}" var="foodType">
										<option value="${foodType.typeId}" >${foodType.typeName}</option>
									</c:forEach>

								</select>
								*</td><input type="hidden" name="foodId" value="${food.foodId}" />
						</tr>
						<tr>
							<td width="80px">菜名</td>
							<td><input type="text" name="foodName" class="InputStyle" value="${food.foodName}" /> *</td>
						</tr>
						<tr>
							<td>价格</td>
							<td><input type="text" name="price" class="InputStyle" value="${food.price}" /> *</td>
						</tr>
						<tr>
							<td>会员价格</td>
							<td><input type="text" name="vipPrice" class="InputStyle" value="${food.vipPrice}" /> *</td>
						</tr>

						<tr>
							<td>简介</td>
							<td><textarea name="foodDesc" class="TextareaStyle">${food.foodDesc}</textarea></td>
						</tr>
						<tr>
							<td width="80px">菜品图片</td>
							<input type="hidden" name="image" value="${food.foodImage}">
							<td>
								<img style="max-width:68px;width:68px;"
									 src="${ctx}${food.foodImage}">
								<input type="file" name="foodImage" value="${food.foodImage}"/> *
							</td>
						</tr>
					</table>
				</div>
            </div>
        </div>
		
		
		<!-- 表单操作 -->
		<div id="InputDetailBar">

			<input type="hidden" name="method" value="update" />
			<input type="submit" value="修改" class="FunctionButtonInput">
            
            <a href="javascript:history.go(-1);" class="FunctionButton">返回</a>
        </div>
	</form>
</div>
</body>
</html>
